<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- 包含头部信息用于适应不同设备
     width: 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
     initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
     maximum-scale：允许用户缩放到的最大比例，范围从0到10.0。
     minimum-scale：允许用户缩放到的最小比例，范围从0到10.0。
     user-scalable：用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放，如果你将其设置为no，那么minimum-scale 和 maximum-scale都将被忽略，因为根本不可能缩放。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- 包含 bootstrap 样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">

    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>lib/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/LocalResizeIMG.js"></script>
    <!-- mobileBUGFix.js 兼容修复移动设备 -->
    
    <script type="text/javascript" src="<?php echo base_url();?>src/mobileBUGFix.mini.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/basic.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>

    <title>基本信息</title>

    <style type="text/css">
    body, div, form, img, input {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #line {
        height: 2px;
        width: 100%;
        background-color: #eeeeee;
    }
    #container #div_site_header {
        padding: 23px 14px 11px;
    }
    #container #site_header {
        border: 2px solid #eeeeee;
        height: 52px;
        font-size: 16px;
        padding: 16px 14px;
        width: 100%;
    }
    #container #div_site_content {
        padding: 0px 14px

    }
    #container #site_content {
        border: 2px solid #eeeeee;
        height: 168px;
        font-size: 14px;
        padding: 16px 14px;
        width: 100%;
    }
    #container #div_camera {
        margin: 20px auto 0px;
        width: 96px;
        height: 96px;
        border: 2px solid #eeeeee;
        text-align: center;
        line-height: 96px;
    }
    #container #desc {
        font-size: 11px;
        margin: 10px auto 0px;
        text-align: center;
    }
    #container #uploadInput {
        width: 0px;
        height: 0px;
    }
    </style>
</head>
<body>
<div class="container-fluid" id="container">
    <div id="header_title">基本信息</div>
    <div id="line"></div>
    <form id="from_basic" role="form" action="<?php echo $action;?>
        " method="post" enctype ="multipart/form-data">
        <div id="div_site_header">
            <input id="site_header" type="text" name="name" placeholder="网站名称"></div>

        <div id="div_site_content">
            <textarea id="site_content" name="introduction" placeholder="网站简介"></textarea>
        </div>
        <!-- 上传图片 -->
        <div id="div_camera">
            <input id="uploadInput" type="file" name="logo" accept="image/*;capture=camera">
            <a id="uploadImgLink" href="javascript:void(0)">
                <img id="uploadImg" class="img-rounded" src="<?php echo base_url();?>res/images/base_info/camera.png" width="60px" height="60px"></a>
        </div>
        <div id="desc">点击进入手机相册上传网站Logo</div>
    </form>
    <br/>
</div>
<!-- 下一步 -->
<div class="contaienr-fluid" id="footer_row">
    <div class="row">
        <div class="col-xs-12 text-center" id="nav_next">下一步</div>
    </div>
</div>
</body>
</html>
